<template lang="html">
  <section :class="[panelClass,cname]">
    <h4>-{{ title }}-</h4>
    <slot/>
  </section>
</template>

<script>
  export default {
    props: {
      cname: {
        type: String,
        default: "",
      },
      title: {
        type: String,
        default: "",
      },
    },
    data() {
      return {
        panelClass: "panel",
      }
    },
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .panel{
    @include panel;
  }
</style>

